<!doctype html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <!--js-->
    <script type="text/javascript" src="resources/bootstrap/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="resources/angular/angular.min.js"></script>
    <script type="text/javascript" src="resources/js/controller/register.js"></script>
     <!--css-->
    <link rel="stylesheet" href="resources/css/registerCommon.css" type="text/css" />
    <link rel="stylesheet" type="text/css" href="resources/css/styleRegister.css">
    <style type="text/css">
        body,td,th { font-family: "Source Sans Pro", sans-serif; }
        body { background-color:#428bca; }
    </style>
</head>
<body>


<div class="wrapper" ng-app="register">
    <div class="container"  ng-controller="registerController">
        <h1>欢迎注册special food订餐系统</h1><h2>[消费者]</h2>
        <form  class="form-horizontal">
            <div class="row">
                <div class="col-md-12">
                    <div class="form-group character-counter">
                        <div class="col-md-10">
                            <input type="text" class="form-control" placeholder="请输入姓名" ng-model="user.name"
                                    maxlength="50" required>
                            <label class="character-counter-label-2"
                                   ng-bind="(user.name != undefined ? user.name.length : 0)+' / 50'">
                            </label>
                        </div>
                    </div>
                    <div class="form-group character-counter">
                        <div class="col-md-10">
                            <input type="text" class="form-control" placeholder="请输入邮箱"
                                   ng-model="user.email" maxlength="50" required/>
                            <label class="character-counter-label-2"
                                   ng-bind="(user.email != undefined ? user.email.length : 0)+' / 50'">
                            </label>
                        </div>
                    </div>
                    <div class="form-group character-counter">
                        <div class="col-md-10">
                            <input type="address" class="form-control" placeholder="请输入地址"
                                   ng-model="user.address"  maxlength="50"
                                   required/>
                            <label class="character-counter-label-2"
                                   ng-bind="(user.address != undefined ? user.address.length : 0)+' / 50'">
                            </label>
                        </div>
                    </div>
                    <div class="form-group character-counter">
                        <div class="col-md-10">
                            <input type="password" class="form-control" placeholder="请输入密码" name="password"
                                   ng-model="user.password"  maxlength="50"
                                   required>
                            <label class="character-counter-label-2"
                                   ng-bind="(user.password != undefined ? user.password.length : 0)+' / 50'">
                            </label>
                        </div>
                    </div>
                    <div class="form-group character-counter">
                        <div class="col-md-10">
                            <input type="phone" class="form-control" placeholder="请输入电话号"
                                   ng-model="user.phone" maxlength="50" required/>
                            <label class="character-counter-label-2"
                                   ng-bind="(user.phone != undefined ? user.phone.length : 0)+' / 50'">
                            </label>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-md-10">
                            <select ng-model="user.sex" class="form-control">
                                <option value=""></option>
                                <option value=1>男</option>
                                <option value=0>女</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <button type="submit"  ng-disabled="row.isUpload" ng-click="userRegister(user.name,user.email,user.address,user.password,user.phone,user.sex)">用户注册</button>
            <div class="return"><a class="hand" ng-click="return()">返回登录页</a></div>
        </form>
    </div>

    <ul class="bg-bubbles">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

</div>

<script type="text/javascript">
    $('#login-button').click(function(event){
        event.preventDefault();
        $('form').fadeOut(500);
        $('.wrapper').addClass('form-success');
    });
</script>

</body>
</html>